{extend name="extend:member" /}

{block name="title"}我的活动{/block}

{block name="css"}
<!--<link rel="stylesheet" type="text/css" href="/public/webfe/css/project.css" />-->
<style type="text/css">
.activitys-volist {
	margin: 40px 0;
	padding: 0 15px;
	/*min-height: 240px;*/
}

.a-volist {
	width: 290px;
	margin: 0px 16px 16px 0;
	border: 1px solid #EDEDED;
	background-color: #FFFFFF;
	position: relative;
	float: left;
}

.a-volist:hover {
	box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.32);
	cursor: pointer;
}

.a-volist .tag-hot {
	padding: 3px 8px;
	font-size: 12px;
	background-color: #FF5722;
	color: #FFFFFF;
	border-radius: 4px;
	margin-right: 8px;
}

.a-volist p {
	line-height: 26px;
	color: #888888;
	font-size: 14px;
}

.a-volist p i {
	margin-right: 8px;
	line-height: inherit;
}

.a-volist p.title {
	line-height: 40px;
}

.a-volist a.submit-buttom {
	width: 100%;
}

.activitys-details .cover {
	display: block;
	width: 500px;
	height: 280px;
}

.activitys-details .btn-sing {
	width: 200px;
}

.activitys-details .pic-circle {
	width: 64px;
	height: 64px;
	float: left;
	margin-right: 32px;
}

.head-title {
	padding-bottom: 40px;
	font-size: 32px;
	font-weight: 800;
	text-align: center;
	background-image: url(/public/webfe/images/head-title-bg.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}

a.prolists {
	display: block;
	width: 120px;
	padding: 16px;
	float: left;
	margin: 4px;
}

a.prolists.active {
	background-image: url(../images/checked.png);
	background-position: top right;
	background-repeat: no-repeat;
}

a.prolists:hover {
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.4);
}

a.prolists img {
	width: 56px;
	height: 56px;
}
</style>
{/block}


{block name="body"}
<div class="">
	<div class="cont-title"><em>我的活动</em></div>
	<div class="activitys-volist m-x-0x clearfix" id="tpl-activitys-volist">
		
	</div>
	<div class="nothing-box nothing-bg position-relative">
		<p class="position-absolute position-screen text-center fs14r" style="top: 320px;">
			您还没有报名参与任何路演活动，请前往
			<a href="/activitys.html" class="c-888 text-underline" style="">路演活动</a>报名参与
		</p>
	</div>
</div>
{/block}



{block name="js"}
<script type="text/html" id="activitys-volist-template">
	{{# for ( var i in d ) { }}
		{{# var list = d[i]['activity']; }}
		{{# if (i % 3 == 2) { }}
		<div class="a-volist clearfix m-r-0x" transition>
		{{# } else { }}
		<div class="a-volist clearfix" transition>
		{{# } }}
			<span class="" style="display: block; width: 100%; height: 268px;">
				<img src="{{ list.cover }}" class="m-x-auto" width="100%" height="100%" />
			</span>
			<span class="p-x-2x p-t-2x" style="display: block;">
				<p class="title ellipsis"><font class="tag-hot">hot</font>{{ list.title }}</p>
				<p class="ellipsis"><i class="icon-address"></i>{{ list.localtion }} {{ list.address }}</p>
				<p><i class="icon-time"></i>{{ tool.formatDate('yy-mm-dd hh:ii', list.start_time) }}</p>
				<p><i class="icon-time"></i>{{ tool.formatDate('yy-mm-dd hh:ii', list.end_time) }}</p>
				<p>主办方：{{ list.organizers }}</p>
				<p class="text-right p-b-1x">&nbsp;</p>
			</span>
			<a href="/activity/{{ list.id }}" class="submit-buttom">查看详情</a>
			<img src="/public/home/images/sign_up.png" class="position-absolute position-top position-right" />
		</div>
	{{# } }}
</script>
<script type="text/javascript" src="/public/modules/thin.min.js" thin-main="/public/webfe/js/activityMember" thin-loader="/public/webfe/resource/mainloader" thin-cache="false"></script>
<script type="text/javascript">
	document.getElementById('nav-head-jzfw').className = 'active';
	document.getElementById('nav-mem-wdhd').className = 'active';
</script>
{/block}